@charset "utf-8";
@import "common/reset";
//像素比除以2
@function p($px){
    @return $px/2+px;
}
.mobile{
    background: #fff;
    
    header{
        overflow: hidden;
        .back{
            float: left;
            
            //图片溢出部分隐藏
//          overflow: hidden;
            margin-top: p(48);
            margin-left: p(23);
            a{
                text-align: center;
                padding-top: p(15);
                font-size: p(21);
                font-weight: bold;
                color: #000;
                display: inline-block;
                width: p(123);
                height: p(57);
                border: p(3) solid #ff9344;
                border-radius: p(16);
            }
        }
        .title{
            width: p(108);
            height: p(26);
            margin: 0 auto;
            margin-top: p(64);
            
           h1{
               font-size: p(26);
               line-height: p(26);
           } 
           
        }
        .commend{
            float: right;
            width: p(51);
            height: p(49);
            margin-right: p(18);
            margin-top: p(53);
            a{
                display: inline-block;
               img{
                   width: 100%;
               } 
            }
        }
    }
    section{
        padding: 0 1%;
        margin-top: p(25);
        margin-bottom: 22%;
        .banner{
            width: 100%;
            
          img{
              width: 100%;
          }  
        }
        .goumai{
            margin-top: p(33);
            line-height: p(72);
            p{
                font-size: p(72);
                color: #ff9344;
                float: left;
                margin-left: p(4);
            }
            input{
               float: right; 
               font-size: p(30);
               width: p(111);
               height: p(59);
               background: #ff9344;
               color: #fff;
               border-radius: p(21);
               margin-right: p(19);
            }
        }
        .pingjia{
            overflow: hidden;
            margin: 0 p(11);
            margin-top: p(50);
            .haoping_logo{
                width: p(37);
                height: p(36);
                float: left;
               img{
                   width: 100%;
               } 
            }
            p{
                font-size: p(30);
                line-height: p(30);
                float: left;
                margin-top: p(7);
                margin-left: p(14);
                span{
                   color: #ff9344; 
                }
            }
            a{
                float: right;
                margin-right: p(17);
                font-size: p(26);
                color: #8e8e8e;
            }
        }
        //适用商户
        .shiyongshanghu{
            height: p(67);
            background: #ff9344;
            margin: 0 p(11);
            margin-top: p(36);
            p{
                font-size: p(30);
                line-height: p(30);
                color: #fff;
                float: left;
                margin-top: p(19);
                margin-left: p(11);
            }
            a{
                float: right;
                font-size: p(47);
                color: #fff;
                margin-top: p(6);
                margin-right: p(12);
            }
        }
        .zhengjia{
            margin: 0 p(11);
            margin-top: p(10);
            
            .zhengjia_pic{
                width: p(177);
                height: p(176);
                float: left;
              img{
                  width: 100%;
              }  
            }
            .text{
                    float: left;
                    margin-left: 2%;
                    margin-top: p(13);
                h1{
                    font-size: p(30);
                    line-height: p(30);
                    font-weight:normal;
                }
                .star{
                    margin-top: p(11);
                    .star_pic_01{
                        width: p(36);
                        height: p(34);
                        float: left;
                        margin-right: p(4);
                        img{
                            width: 100%;
                            
                        }
                    }
                    span{
                        font-size: p(26);
                        color: #929292;
                        margin-left: p(9);
                    }
                }
                p{
                    font-size: p(24);
                    color: #929292;
                    line-height: p(24);
                    margin-top: p(13);
                }
                a{
                    font-size: p(20);
                    line-height: p(20);
                    color: #ff9344;
                    display: inline-block;
                    margin-top: p(23);
                }
            }
            input{
                float: right;
                width: p(111);
                height: p(59);
                margin-top: p(67);
                background: #ff9344;
                font-size: p(30);
                color: #fff;
                border-radius: p(16);
            }
        }
    }
    
    //脚部
    footer{
         padding-bottom: p(14);
         background: #fff;
        position: fixed;
        width: 100%;
        right: 0;
        bottom: 0;
     .footer_nav{
        width: 100%;
        margin-top: p(14);
//      margin-bottom: p(14);
        .home{
            width: 9%;
            float: left;
            margin: 0 8%;
        img{
           width: 100%; 
        }
        p{
            font-size: p(26);
            text-align: center;
            color: #000;
        }
        }
    }
}
}
